<!DOCTYPE html>
<html>
	<head>
			<meta charset="utf-8">
		<meta name="description" content="本页尺寸使用vw和vh布局，会发现软键盘弹出后视图高度变化导致页面跑版">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
		<script src="js/flexible_simplify.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="css/注册.css"/>
		<title>vw+vh布局</title>
	</head>
	<body>
		<div class="zhuti">
		<div class="kaishi">
			<a class="fan"><img src="img/fanhui@2x.png"/></a>
			<p>注册</p>
		</div>
		<div class="zhuce">
			<div class="yonghu">
				<span>用户名:</span>
				<input type="text" name="" id="" value="" placeholder="请输入您的昵称"/>
			</div>
			<div class="yonghu">
				<span>手机号:</span>
				<input type="text" name="" id="" value="" placeholder="请输入您的联系方式"/>
			</div>
			
			<div class="yonghu">
				<span>验证码:</span>
				<input type="text" name="" id="" value="" placeholder="输入验证码"/>
				<div>获取验证码</div>
			</div>
			<div class="yonghu">
				<span>登入密码:</span>
				<input type="text" name="" id="" value="" placeholder="请输入6-12位登入密码"/>
			</div>
			<div class="yonghu">
				<span>邀请码:</span>
				<input type="text" name="" id="" value="" placeholder="如有 求输入邀请码（非必填）"/>
			</div>
			
		</div>
		<div class="xuanze">
			<input type="checkbox"checked="checked" name="" id="" value="" />
			&nbsp;我已经阅读并同意《云安装服务协议》
		</div>
		<div class="zhu">
			<button class="aaa">立即注册</button>
		</div>
		
		
		</div>
	</body>		
	<script type="text/javascript">
		window.onload=function(){
		var aaa=document.getElementsByClassName("aaa")[0];
		var fan=document.getElementsByClassName("fan")[0];
		fan.onclick=function(){
			location.href="index.html"
		}
		aaa.onclick=function(){
			location.href="index.html"
		}
		}
		
	</script>
	</script>
</html>
